<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>表格1</title>

    <style>
      /* 
使用css设置边框，关键点：给td元素设置边框

这样写写起来比较简单，但是由于table边框1px，td边框1px

所以这样加起来就会导致整体边框宽度是2px

不过也有解决办法，给表格添加属性：    border-collapse: collapse;

 */
      table {
        table-layout: auto;
        width: 300px;
        border: 1px solid red;
        border-collapse: collapse;
      }
      table td {
        border: 1px solid red;
      }
    </style>
  </head>

  <body>
    <table>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
      <tr>
        <td>February</td>
        <td>$80</td>
      </tr>
    </table>
  </body>
</html>
